/* 字体 8-46 */
@ss:0;
.font(20);
.font(@n) when (@n>0){
  @ss:(@n * 2) + 6;
  .font-@{ss}{
    font-size: ((( @n * 2 ) + 6)*1rem)/100 !important;
  }
  .font((@n - 1));
}


/* 边距*/
@mp:0;
.margin_padding(4);
.margin_padding(@n) when (@n>0){
  @mp:(@n * 5);

  .bor-r@{mp}{
    border-radius: (@mp * 1rem);
  }
  .margin-@{mp}{
    margin: ((@mp)*1rem)/100;
  }
  .margin-lr@{mp}{
    margin:0 ((@mp)*1rem)/100;
  }
  .margin-tb@{mp}{
    margin: ((@mp)*1rem)/100 0;
  }
  .margin-l@{mp}{
    margin-left: ((@mp)*1rem)/100;
  }
  .margin-r@{mp}{
    margin-right: ((@mp)*1rem)/100;
  }
  .margin-t@{mp}{
    margin-top: ((@mp)*1rem)/100;
  }
  .margin-b@{mp}{
    margin-bottom: ((@mp)*1rem)/100;
  }
  .padding-@{mp}{
    padding: ((@mp)*1rem)/100;
  }
  .padding-lr@{mp}{
    padding:0 ((@mp)*1rem)/100;
  }
  .padding-tb@{mp}{
    padding: ((@mp)*1rem)/100 0;
  }
  .padding-l@{mp}{
    padding-left: ((@mp)*1rem)/100;
  }
  .padding-r@{mp}{
    padding-right: ((@mp)*1rem)/100;
  }
  .padding-t@{mp}{
    padding-top: ((@mp)*1rem)/100;
  }
  .padding-b@{mp}{
    padding-bottom: ((@mp)*1rem)/100;
  }
  .margin_padding((@n - 1));
}

/*flex1-10*/
.flex_fn(10);
.flex_fn(@n) when (@n>0){
  .flex-@{n}{
    flex: @n;
  }
  .flex_fn((@n - 1));
}
